<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!-- #section:basics/sidebar -->
<div id="sidebar" class="sidebar                  responsive                    ace-save-state">
    <script type="text/javascript">
        try{ace.settings.loadState('sidebar')}catch(e){}
    </script>

    <div class="sidebar-shortcuts" id="sidebar-shortcuts">
        <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
            <button class="btn btn-success">
                <i class="ace-icon fa fa-signal"></i>
            </button>

            <button class="btn btn-info">
                <i class="ace-icon fa fa-pencil"></i>
            </button>

            <!-- #section:basics/sidebar.layout.shortcuts -->
            <button class="btn btn-warning">
                <i class="ace-icon fa fa-users"></i>
            </button>

            <button class="btn btn-danger">
                <i class="ace-icon fa fa-cogs"></i>
            </button>

            <!-- /section:basics/sidebar.layout.shortcuts -->
        </div>

        <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
            <span class="btn btn-success"></span>

            <span class="btn btn-info"></span>

            <span class="btn btn-warning"></span>

            <span class="btn btn-danger"></span>
        </div>
    </div><!-- /.sidebar-shortcuts -->

    <ul class="nav nav-list">
        <li class="active">
            <a href="/system/dashboard" data-default-tab="true" data-target="menuIframe" data-tab-title="Dashboard">
                <i class="menu-icon fa fa-tachometer"></i>
                <span class="menu-text"> Dashboard </span>
            </a>

            <b class="arrow"></b>
        </li>

        <li class="">
            <a href="#" class="dropdown-toggle">
                <i class="menu-icon fa fa-list"></i>
                <span class="menu-text"> 商品管理 </span>

                <b class="arrow fa fa-angle-down"></b>
            </a>

            <b class="arrow"></b>

            <ul class="submenu">
                <li class="">
                    <a href="/goods/get_list" data-target="menuIframe" data-tab-title="商品列表">
                        <i class="menu-icon fa fa-caret-right"></i>
                        商品列表
                    </a>

                    <b class="arrow"></b>
                </li>

                <li class="">
                    <a href="/goods/add_page" data-target="menuIframe" data-tab-title="新增商品">
                        <i class="menu-icon fa fa-caret-right"></i>
                        新增商品
                    </a>

                    <b class="arrow"></b>
                </li>
            </ul>
        </li>

        <li class="">
            <a href="/null" class="dropdown-toggle">
                <i class="menu-icon fa fa-pencil-square-o"></i>
                <span class="menu-text"> xxxxxx </span>

                <b class="arrow fa fa-angle-down"></b>
            </a>

            <b class="arrow"></b>

            <ul class="submenu">
                <li class="">
                    <a href="#"  data-target="menuIframe" data-tab-title="Form Elements">
                        <i class="menu-icon fa fa-caret-right"></i>
                        xxxxxxx
                    </a>

                    <b class="arrow"></b>
                </li>

                <li class="">
                    <a href="#"  data-target="menuIframe" data-tab-title="Form Elements 2">
                        <i class="menu-icon fa fa-caret-right"></i>
                        xxxxxxxx
                    </a>

                    <b class="arrow"></b>
                </li>

                <li class="">
                    <a href="#" data-target="menuIframe" data-tab-title="Wizard &amp; Validation">
                        <i class="menu-icon fa fa-caret-right"></i>
                        xxxxxxxxx
                    </a>

                    <b class="arrow"></b>
                </li>

                <li class="">
                    <a href="#" data-target="menuIframe" data-tab-title="Wysiwyg &amp; Markdown">
                        <i class="menu-icon fa fa-caret-right"></i>
                        xxxxxxxxx
                    </a>

                    <b class="arrow"></b>
                </li>

                <li class="">
                    <a href="/null" data-target="menuIframe" data-tab-title="空白页面">
                        <i class="menu-icon fa fa-caret-right"></i>
                         空白页面测试
                    </a>

                    <b class="arrow"></b>
                </li>
            </ul>
        </li>

    </ul><!-- /.nav-list -->

    <!-- #section:basics/sidebar.layout.minimize -->
    <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
        <i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
    </div>

    <!-- /section:basics/sidebar.layout.minimize -->
</div>